<template>
    <h1>LogSystem</h1>
    <a-table :columns="columns" :data="data" ></a-table>
</template>

<script setup lang="ts">
import { Column } from '@antv/g2plot';
import { reactive } from 'vue';

const columns = reactive([
    { title: '时间', dataIndex: 'time', key: 'time' },
    { title: '级别', dataIndex: 'level', key: 'level' },
    { title: '消息', dataIndex: 'message', key: 'message' }
]);

const data = reactive([
    { time: '2023-01-01 12:00:00', level: 'info', message: '系统启动' },
    { time: '2023-01-01 12:05:00', level: 'warn', message: '内存使用率过高' },
    { time: '2023-01-01 12:10:00', level: 'error', message: '无法连接数据库' }
]);

</script>

<style scoped>

</style>